<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
  b{
  font-size:30px;
  }
  </style>
  <script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
</script>

 </head>
 <body>
  <b>测试的目的是:</b><mark>及时发现bug</mark>
 <!--可以拖动的文字-->
<article draggable="true">
这是一个可以拖动的文字
</article>
<form>
  <input type="email"  name="textEmial">
  <input type="submit">
</form>
<form>
多个邮件用“，”隔开
<input name="textEmail" type="email" multiple="true"><br>
<input type="submit" value="提交">
</form>


<hr color=red>
<form>
<fieldset>
	 <legend>出生年月</legend>
	<input class="txtYear" name="txtYear" type="number"
	min="1980" max="2000"
	step="1" value="1990" >年
	<input class="txtMonth" name="txtMonth" type="number"
	min="1" max="12"
	step="1" value="2" >月
	<input class="txtDay" name="txtDay" type="number"
	min="1" max="31"
	step="1" value="22" >日
</fieldset>
	<br>
	<input type="submit" value="提交">

</form>
<hr>
<form>
<!--只在opera中显示-->
<fieldset>
	<legend>请输入职业</legend>
		<input type="text" list="lstWork">
		<datalist id="lstWork">
		 <option value="程序开发员"></option>
		 <option value="系统构架师"></option>
		 <option value="数据库管理员"></option>
		</datalist>	
</fieldset>
<input type="submit" value="提交">
</form>

<form>
<fieldset>
    <legend>请输入二个数字</legend>
	<input id="txtNum_1" type="text">*
	<input id="txtNum_2" type="text">=
	<output onFormInput=
	"value=txtNum_1.value*txtNum_2.value">
	</output>	<br>
</fieldset>
</form>
<hr>
<p>使用 output 元素的简易计算器：</p>
<form onsubmit="return false">
 <input id="num_a" /> +
 <input id="num_b" /> =
 <input id="result" onclick="resCalc()" />
</form>
 
<form id="testform">
请选择一个数值：
<input name="range1" type=range min=0 max=100 step=5/>
<output onforminput="value=range1.value">50</output>
</form>
<video
src=mp4/bd.mp4 
autoplay="true" 
controls="controls"
poster="image/qq.jpg">
您的浏览器不支持video
</video>


 </body>
</html>
